<template>
    <div class="notice_content">
        <van-nav-bar title="消息" left-arrow @click-left="onClickLeft" />
        <van-cell title="合同消息" is-link label="推送更新通知，及时更新" icon="/wode_images/notice/n_hetong.png"/>
        <van-cell title="活动消息" is-link label="推送社区活动消息及公告" icon="/wode_images/notice/n_huodong.png"/>
        <van-cell title="账单消息" is-link label="推送账单信息，了解明细" icon="/wode_images/notice/n_zhangdan.png"/>
        <van-cell title="物业保修" is-link label="推送物业消息，公寓消息及时掌控" icon="/wode_images/notice/n_wuye.png"/>
        <van-cell title="通知公告" is-link label="掌握最新消息" icon="/wode_images/notice/n_tongzhi.png"/>
        <van-cell title="选配包消息" is-link label="推送最新的选配包相关消息" icon="/wode_images/notice/n_xuanpei.png"/>
        <van-cell title="拍卖消息" is-link label="推送拍卖消息，公寓消息及时掌控" icon="/wode_images/notice/n_paimai.png"/>
        <van-cell title="服务评价" is-link label="推送最新的服务评价消息" icon="/wode_images/notice/n_pingjia.png"/>
        <van-cell title="智能设备" is-link label="推送智能设备相关消息" icon="/wode_images/notice/n_ai.png"/>
    </div>
</template>

<script>
export default {
  methods: {
    onClickLeft() {
      this.$router.push("/wode");
    }
  }
};
</script>

<style>
.notice_content img{
    width: 45px;
    height: 45px;
}
.notice_content .van-hairline--bottom::after {
  border-bottom-width: 0;
}
.notice_content .van-cell {
  padding: 12px 16px;
}
</style>
